닫기버튼
블레스드문
웹사이트 바로가기 화살표 닫기버튼

OVERVIEW

  • 사이트이름

    blessdmoon

    본인 참여율:100%
  • 타입

    Web·Mobile design (Responsive web)

  • 주소

    http://chajinyoung.co.kr/blessedmoon/#eye

블래스드문 태블릿 모바일

SITE-MAB

blessedmoon

  • banner
  • Nav
    • shop
    • brand
    • museum
    • event
    • reveiw
  • care
  • 베스트아이템
  • 갤러리슬라이드
  • museum
  • Channel&instgram
  • footer

STYLE-GUIDE

CONCEPT

여성 화장품 사이트이자 브랜드의 분위기 자체가 러블리하고 여성스러운
분위기를 많이보여줍니다.

그래서 러블리와 여성스러움를 강조하기위에 핑크색위주의
색깔을 선정하였습니다.

사용된 이미지나 동영상의 분위기등 푸터의 배경색등 보라색을 섞어서 사용하여
신비로운 느낌을주었습니다.

KEY-WORD

  • 러블리
  • 여성스러움
  • 신비로움

COLOR

main
#FFFAFE #FEF3F7 #FFECF0 #FAD6DE #FFCAD6
sub
#C5B2C8
point
#FF3D69

Font-Color

main
#272525 #fff
point
#FEA1B6

Ko-FONT

스포카한산스네오
  • 한글네비 (spoqa han sans neo )
  • 24pt-bold
  • 한글기본 (spoqa han sans neo )
  • 18pt-meduim
  • 한글배너(spoqa han sans neo 맨위 배너)
  • 14pt-light

En-FONT

source serif / poppins
  • ENGLISH TITLE
  • (source serif4 60pt)-bold
  • poppins
  • 20pt-semi bold
  • poppins
  • 18pt-regular

ICON

  • 아이콘
  • 아이콘
  • 아이콘
  • 아이콘
  • 아이콘
  • 아이콘
  • 아이콘
  • 아이콘
  • 아이콘
  • 아이콘
  • 아이콘
  • 아이콘
  • 아이콘
  • 아이콘
  • 아이콘
  • 아이콘
  • 아이콘
  • 아이콘

BUTTON

  • 버튼
  • 버튼
  • 버튼
  • 버튼
  • 버튼
  • 버튼
  • 버튼
  • 버튼
케어 화살표 화살표

왼쪽버튼에 마우스호버시 칸이 늘어나면서 아이콘은 회전 및 배경색 글자색이 변경된다.
more버튼에 마우스호버시 왼쪽에서 오른쪽으로 색깔이 이동되면서 다른색출력

베스트아이템 화살표 화살표

이미지에 마우스호버시 핑크색배경밑 wishlist, addcart도 같이출력
wishlist 클릭시 핑크색 하트로변경

박물관 화살표 화살표

스크롤시 한줄씩 순차적으로 나타난다

인스타에 사진에 마우스호버시 회색배경밑 하트랑 아이콘출력 옆으로 슬라이드된다

화살표 화살표 채널인스타

왼쪽에 나열된 메뉴 및 오른쪽에 나열된 메뉴에 마우스 호버시 글자색갈변경

화살표 화살표 푸터